{extend name="default/base" /}

{block name="title"}{$title}{/block}
{block name="keywords"}{$keywords}{/block}
{block name="description"}{$description}{/block}

{block name="css"}{/block}

{block name="content"}

<div class="row">
    <div class="col-sm-12">
          <div class="box box-solid">
            <div class="box-body">
                <div class="row">
                    <div class="col-xs-3">
                        <a href=""><img class="img-responsive" src="{cms:water file='$image' /}"></a>
                    </div>
                    <div class="col-xs-9">
                        <div>
                            <span class="lead">{$title}</span> 
                            <span style="padding-left:20px;"><a href="">{$author}</a></span>
                            <span style="padding-left:10px;">著</span>
                        </div>
                        <div class="small">
                            <p class="text-muted" style="padding-top:10px;">{$description|msubstr=0,90}</p>
                            <!-- <span>出版社: <span class="text-muted">{$publishing}</span></span> -->
                            <!-- <span style="margin-left:10px;">出版日期: <span class="text-muted">{$create_at|format_date="Y-m-d"}</span></span> -->
                            <!-- <span style="margin-left:10px;"></i>ISBN: <span class="text-muted">{$isbn}</span></span> -->
                        </div>
                    </div>
                </div>
            </div>
            <!-- /.box-body -->

          </div>
          <!-- /. box -->

              <div class="nav-tabs-custom">
                  <ul class="nav nav-tabs">
                    <li class="active"><a href="#tab_1" data-toggle="tab">作品信息</a></li>
                    <li><a href="#tab_2" data-toggle="tab">目录</a></li>
                  </ul>
                  <div class="tab-content">
                    <div class="tab-pane pad active" id="tab_1">
                      {$content}
                    </div>
                    <!-- /.tab-pane -->
                    <div class="tab-pane pad" id="tab_2">
                        {eq name="is_section" value="1"}
                                        {volist name="section" id="vo"}
                                            <h4>{$vo.title}</h4>
                                            <hr>
                                            <div class="row">
                                            {volist name="vo.chapter" id="v"}
                                                    <div class="col-sm-4" style="padding-bottom:20px;">
                                                        <a target="_blank" href="{$v.chapter_url}" class="">
                                                        {$v.title}
                                                        </a>
                                                    </div>
                                            {/volist}
                                            </div>
                                        {/volist}
                        {else /}
                                            <div class="row">
                                            {volist name="chapter" id="vo"}
                                                    <div class="col-sm-4" style="padding-bottom:20px;">
                                                        <a  target="_blank" href="{$vo.chapter_url}" class="">
                                                        {$vo.title}
                                                        </a>
                                                    </div>
                                            {/volist}
                                            </div>
                        {/eq}
                    </div>
                    <!-- /.tab-pane -->
                  </div>
                  <!-- /.tab-content -->
              </div>
    </div>

</div>

{/block}

{block name="js"}{/block}